@import '~@/assets/css/mixins';

.my_apply {
  min-height: 100%;
  background: @white;
  // 在内容布局中的tabs
  .page_content_tabs {
    background: @body-bg;
    :global {
      .ant-tabs-nav {
        height: 40px;
      }
      .ant-tabs-content-holder {
        overflow-x: hidden;
        overflow-y: auto;
      }
      .ant-tabs-tab {
        border-bottom: 0 !important;
      }
      .ant-tabs-nav {
        margin: 0 !important;
      }
      .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
        margin-left: 8px !important;
      }
      .ant-tabs-nav .ant-tabs-tab {
        background: linear-gradient(138deg, #f3f5f8 0%, #fff 100%) !important;
        border: 2px solid #fff !important;
        border-top-left-radius: 4px !important;
        border-top-right-radius: 4px !important;
        box-shadow: 8px 8px 20px rgb(55 99 170 / 12%);
      }
      .ant-tabs-nav .ant-tabs-tab-active {
        background: #fff !important;
      }

      .ant-tabs-nav .ant-tabs-tab::before {
        position: absolute;
        left: -2px;
        width: 3px;
        height: 20px;
        border-right: 3px solid #0084ff;
        border-radius: 0 2px 2px 0;
        transform: scaleY(0);
        opacity: 0;
        transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
          opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
        content: '';
      }
      .ant-tabs-nav .ant-tabs-tab-active::before {
        transform: scaleY(1);
        opacity: 1;
        transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
          opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
      }
      .ant-tabs-tab {
        min-width: 96px;
      }
    }
  }
  :global {
    .ant-tabs-tabpane {
      padding: 0 24px;
    }
  }
  .container {
    padding: 0 24px;
  }
}
